<%@page import="java.util.List"%>
<%@page import="com.jfinal.plugin.activerecord.Page"%>
<%@page import="com.hongye.app.model.BuyerStatisticsModel"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 <%String employee_num=(String)request.getAttribute("employee_num");%>
<!doctype html>
<html class="fixed">

	<head>

		<!-- Basic -->
		<meta charset="UTF-8">
		<meta name="keywords" content="HTML5 Admin Template" />
		<meta name="description" content="Porto Admin - Responsive HTML5 Template">
		<meta name="author" content="okler.net">
		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<!-- Web Fonts  -->
		<!-- Vendor CSS -->
		<link rel="stylesheet" href="../admin/css/bootstrap.css" />
		<link rel="stylesheet" href="../admin/css/font-awesome/css/font-awesome.css" />
        <link rel="stylesheet" href="../admin/css/select2.css" />
		<!-- Theme CSS -->
		<link rel="stylesheet" href="../admin/css/theme.css" />
		<!-- Skin CSS -->
		<link rel="stylesheet" href="../admin/css/default.css" />
		<!-- Theme Custom CSS -->
		<!-- Theme Custom ../admin/css -->
		<script src="../admin/js/modernizr.js"></script>
		<!-- Time -->
		<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
	</head>

	<body>
		<section role="main" class="content-body" style="margin-top: 50px;">
			<!-- start: page -->
			<section class="panel">
				<header class="panel-heading">
					<h2 class="panel-title">员工邀请店铺统计</h2>
				</header>
				<div class="panel-body">
					<div class="row">
						<!-- <div class="col-sm-6">
							<div class="mb-md">
								<button id="addToTable" class="btn btn-primary" onclick="add();">添加新员工<i class="fa fa-plus"></i></button>
							</div>
						</div> -->
					</div>
					<div class="row">
						<form id="screenform" method="post"  action="../employee/screen" 
							style="
						    float: left;
						    margin-bottom: 3rem;
						    margin-right: 3rem;
						    margin-left: 1rem;
							" >	
						搜索：<input type="text" name="startTime" id="startTime" placeholder="01/01/2017">
						&nbsp;至&nbsp;<input type="text" name="endTime" id="endTime" placeholder="01/01/2017">
						员工：<input type="text" name="employee_num" value="<%=employee_num%>" readonly="true" />
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<button type="submit"  class="btn btn-primary" >筛选</button>
						</form>
					</div>
					<table class="table table-bordered table-striped mb-none" id="datatable-default">
						<thead>
							<tr>
								<th class="hidden-phone center">序号</th>
								<th class="hidden-phone center">店铺名称</th>
								<th class="hidden-phone center">店铺联系方式</th>
								<th class="hidden-phone center">创建时间</th>
							</tr>
						</thead>
						<tbody>
							<%List<BuyerStatisticsModel> list = (List)request.getAttribute("employeelist");
										for(int i=1;i<=list.size();i++){
											BuyerStatisticsModel bm = list.get(i-1);
										%>
										<tr class="gradeA">
											<td class="center hidden-phone"><%=i %></td>
											<td class="center hidden-phone"><%=bm.get("shop_name") %></td>
											<td class="center hidden-phone"><%=bm.get("buyer_phone") %></td>
											<td class="center hidden-phone"><%=bm.get("shop_c_time") %></td>
										</tr>
										<%} %>
						</tbody>
					</table>
				</div>
			</section>
		</section>
		<!-- Specific Page Vendor -->
		<!-- Vendor -->
		<script src="../admin/js/jquery.js"></script>
		<script src="../admin/js/jquery-browser-mobile/jquery.browser.mobile.js"></script>
		<script src="../admin/js/bootstrap/js/bootstrap.js"></script>
		<script src="../admin/js/nanoscroller/nanoscroller.js"></script>
		<script src="../admin/js/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
		<script src="../admin/js/magnific-popup/magnific-popup.js"></script>
		<script src="../admin/js/jquery-placeholder/jquery.placeholder.js"></script>
		
		<!-- Specific Page Vendor -->
	<!--	<script src="js/select2.js"></script>-->
		<script src="../admin/js/jquery-datatables/media/js/jquery.dataTables.js"></script>
		<script src="../admin/js/jquery-datatables-bs3/assets/js/datatables.js"></script>
		
		<!-- Theme Base, Components and Settings -->
		<script src="../admin/js/theme.js"></script>
		
		<!-- Theme Custom -->
		<script src="../admin/js/theme.custom.js"></script>
		
		<!-- Theme Initialization Files -->
		<script src="../admin/js/theme.init.js"></script>


		<!-- Examples -->
		<script src="../admin/js/tables/examples.datatables.default.js"></script>
		<script src="../admin/js/tables/examples.datatables.row.with.details.js"></script>
		<script src="../admin/js/tables/examples.datatables.tabletools.js"></script>
		
		<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
		<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
		<script>
		$( function() {
		  $( "#startTime" ).datepicker();
		} );
		$( function() {
		  $( "#endTime" ).datepicker();
		} );
		</script>
	</body>

</html>